<!--
 * @description: 
 * @Date: 2022-10-16 20:04:13
 * @LastEditTime: 2022-10-31 20:43:29
-->
<template>
  <div class="ablut">
    <a href="https://support.qq.com/product/441186" target="_blank">
      <div>
        <span>产品反馈</span>
        <div>
          <svg width="15" height="15" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M43 5L29.7 43L22.1 25.9L5 18.3L43 5Z" stroke="#949494" stroke-width="4" stroke-linejoin="round" />
            <path d="M43.0001 5L22.1001 25.9" stroke="#949494" stroke-width="4" stroke-linecap="round"
              stroke-linejoin="round" />
          </svg>
        </div>
      </div>
    </a>
    <div class="labelItem mt-3">
      <span>联系邮箱</span><span class="ml-4 text-yellow-500">{{ store.state.site.email }}</span>
    </div>
    <div class="labelItem mt-3">
      <a target="_blank"
        href="https://qm.qq.com/cgi-bin/qm/qr?k=_L5-_FrD2CM50lC_qTJooFt4JISxtRNR&jump_from=webapi&authKey=zpORWBH3gNVwQC86t75J1MzbW7N6RwRjZTTHT3Nv8fT69zXU+YXsYog9xWi9AwtL"><img
          border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="起始页" title="起始页">
      </a>
    </div>
  </div>
</template>
<script setup>
import { useStore } from 'vuex';
const store = useStore()
</script>
<style lang="less">
.ablut {
  >a>div {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    &:hover {
      color: cornflowerblue;
    }

    >span {
      font-size: 13px;
    }
  }
}
</style>